body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,s{margin:0;padding:0;font-family:"ÃŽÂ¢ÃˆÃ­Ã‘Ã…ÂºÃš",Tahoma,sans-serif}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
th,em,b{font-style:normal;font-weight:normal}
ul,ol,s{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
html,body{width: 100%;overflow-x: hidden;}
body{padding-top:42px;font-size:12px;background-color: #fff;}
a{text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show}
input,select,form img,button{vertical-align:middle}
img{border:0}
.clearfix{overflow:hidden;zoom:1;clear: both;}
.hid{display:none}

.foot_dark,.foot_dark a{color:#8c8c8c !important;}
.foot{width:1035px;}
#gfooter,.foot_dark{background:#282725 !important;}
.tencent-game{width:97px !important;height:43px !important;background:url(//ossweb-img.qq.com/images/dnf/web2015/sprite-bg.png) no-repeat -337px -436px;}
.foot_links li{line-height:17px  !important;}

.wrap{height: 100%;width: 100%;overflow: hidden;position: relative;padding-bottom: 100px;background-color: #fff;background-position: center 0;background-repeat: no-repeat}
.content{width: 1440px;margin: 0 auto;position: relative;}
.sprite,.shop-hd-i,.laypage_next,.laypage_prev,.gg_lb_next:hover,.gg_lb_prev:hover,.works-control a,.video_hover:before{background: url("//game.gtimg.cn/images/dnf/web201905/sprite.png") no-repeat 0 0;}
.sprite-icon{background:url("https://ossweb-img.qq.com/images/dnf/web2015/sprite-icon.png?d=202112") no-repeat 0 0}
.sprite2{background: url("//game.gtimg.cn/images/dnf/web201905/icon-dev.png") no-repeat 0 0;}
/* .logo{width: 217px;height: 126px;position: absolute;left: 10%;top: 25px;z-index: 3;} */
.logo{width: 312px;height: 126px;position: absolute;left: 5%;top: 25px;z-index: 3;background: url("//game.gtimg.cn/images/dnf/web201905/202301/logo.png") no-repeat 0 0;}
.logo a{display: block;height: 100%;}
.login{position: absolute;right: 12%;top: 40px;font-size: 14px;color: #fff;z-index: 1;height: 52px;line-height: 52px;z-index: 3;display:none;}
.login a{color: #ec4828}
.ams_user_headimg{display: inline-block;vertical-align: middle;height: 55px;width: 55px;text-align: center;line-height: 55px;position: relative;}
.ams_user_headimg::after{display: inline-block;width: 55px;height: 55px;content: '';background:url('//game.gtimg.cn/images/dnf/web201905/sprite.png') no-repeat -372px -63px;position: absolute;left: 0;top: 0;}
.ams_user_headimg img{width: 52px;height: 52px;border-radius: 50%;}

.modle-enter li,.head_t li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
  }
  .modle-enter li:before,.head_t li:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 51%;
    right: 51%;
    bottom: -7px;
    background: #ec4828;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .head_t li:before{bottom: 0px;}
  .modle-enter li:hover:before,.head_t li:hover:before,.head_t li.cur:before{
    left: 10px;
    right: 10px;
  }

.modle-enter a s,.s-icon a s,.raiders-links a s{
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;}
    
.modle-enter a:hover s,.s-icon a:hover s,.raiders-links a:hover s{
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
.modle-enter li:hover:after{
    opacity: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
/* .top_t li:hover:before{
    opacity: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
} */
.head_t li:hover::after,.head_t li.cur::after{
    display: block;
}
.hvr-bubble-float-top {
    width: 200px;
    display: none;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
	
    
  }
  .hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: 0;
    top: 100px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ec4828 transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
	transform:rotate(90deg);
  }
  .imgHover:hover .hvr-bubble-float-top{
      display: inline-block;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    border-left: 2px solid #ec4828;
  }
  .imgHover:hover .hvr-bubble-float-top:before{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .hvr-bubble-bottom {
    display: none;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
  }
  .hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #ec4828 transparent transparent transparent;
  }
  .imgHoverTop:hover .hvr-bubble-bottom{
      display: inline-block;
    border-bottom: 2px solid #ec4828;
  }
  .imgHoverTop:hover .hvr-bubble-bottom:before{
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
.head{height: 372px;position: relative;background: url('//game.gtimg.cn/images/dnf/web201905/bg_nav.png') no-repeat center 0;}
.head_hover_bg{background: url('//game.gtimg.cn/images/dnf/web201905/bg_nav_hover.png') no-repeat center -41px;}
.head_t{position: absolute;left: 0;top: 20px;height: 88px;width: 100%;z-index: 2;background:url("//game.gtimg.cn/images/dnf/web201905/line3.png") no-repeat center 85px;}
.head_inner{width:1440px;margin:0 auto;}
.head_t ul{overflow: hidden;float: right;}
.head_t li{float: left;width: 137px;height: 60px;text-align: center;position: relative;cursor: pointer;overflow: hidden;}
/* .top_t li::before{display: block;width: 100%;height: 4px;background-color: #ec4828;position: absolute;left: -100%;bottom: 0;content: "";opacity: 0;} */
.head_t li::after{content:"";display: block;width: 82px;height: 95px;position: absolute;left: 50%;top: 0;margin: 0 0 0 -41px;background: url("//game.gtimg.cn/images/dnf/web201905/sprite.png") no-repeat  -217px 0;display: none;}
.head_t .cur a,.head_t .cur a span,.head_t li:hover a,.head_t li:hover span{color: #ec4828}

/* .top_t li.cur::before{opacity: 1;opacity: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);} */
    .head_t li.cur::after{opacity: 1;}
.head_t a{color: #ffffff;font-size: 17px;display: inline-block;padding-top: 30px;}
.head_t a span{color: #cfcfcf;font-size: 12px;display: block;text-align: center;transform: scale(.7)}


.head_b{position: absolute;left: 0;top: 106px;height: 185px;width: 100%;z-index: 1;display: none;}
.head_b_inner{width: 1000px;padding-top: 15px;height:225px;margin-left:263px;position:relative;}
    .head_b ul{width: 137px;float: left;text-align: center;}
    .head_b li{line-height: 30px;}
    .head_b li a{color: #fff;font-size: 14px;}
    .head_b li a:hover{color: #da5504}
    .head_b li .img{position: absolute;z-index: 1;width: 200px;right: -150px;top: 0px;}
    .head_b li .img img{display: block;width:100%;}

.content_l{width: 240px;position: absolute;left: 0;top: 0;}
/* .content_l_t{width: 254px;height: 439px;margin: -8px 0 0 -14px;background: url("//game.gtimg.cn/images/dnf/web201905/bg-sider-top2-2312.png") no-repeat 0 0;} */
.content_l_t{width: 254px;height: 439px;margin: -8px 0 0 -14px;background: url("//game.gtimg.cn/images/dnf/web201905/bg-sider-top2-2401.webp") no-repeat 0 0;}
.content_l_t li{float:left}
.content_l_t a{display:block;height:100%;overflow:hidden;text-indent:-999em}
.down{width:100%;height:159px;}
.regist,.recharge{width:47%;height:56px;margin:0px 0 0 0}
.regist{margin:0px 0 0 14px}
.props{height:95px;margin:0 0 0 14px;width:240px}
.downapp{height:129px;width:100%;}

.content_r{width: 1166px;margin-left: 274px;overflow: hidden;}

.quick_nav{border:6px solid #bbbbbb;margin-top: 20px;background-color: #fff;height: 475px;}
.tit-line{color:#3e5566;font-size:19px;text-align:center;border-bottom:1px solid #f0f0f0;margin:0 44px;font-weight:bold;height:36px;line-height:36px;padding-top: 20px}
.modle-enter ul{zoom:1;padding:10px;font-size:0px;}
.modle-enter li{display:inline-block;width:33%;text-align:center;margin:10px 0;font-size:12px;position: relative;}
/* .modle-enter li:after{content: "";display: block;width: 24px;height: 2px;position: absolute;left: 0%;bottom: -8px;background-color: #ec4828;opacity: 0;} */
.modle-enter li a{display:block;color:#8b9298}
.modle-enter a:hover{color:#ec4828;font-weight: bold;}

/* .modle-enter a:hover s,.s-icon a:hover s,.raiders-links a:hover s{-webkit-transform:rotate(10deg);-o-transform:rotate(10deg);-moz-transform:rotate(10deg)} */
.modle-enter s{display:block;margin:0 auto 5px auto}
.icon-cdk{width:31px;height:30px;background-position:0 -182px}
.modle-enter a:hover .icon-cdk{background-position:0 -212px}
.icon-black{width:31px;height:30px;background-position:-31px -182px}
.modle-enter a:hover .icon-black{background-position:-31px -212px}
.icon-online{width:31px;height:30px;background-position:-155px -182px}
.modle-enter a:hover .icon-online{background-position:-155px -212px}
.icon-safe{width:31px;height:30px;background-position:-93px -182px}
.modle-enter a:hover .icon-safe{background-position:-93px -212px}
.icon-light{width:26px;height:30px;background-position:-248px -182px}
.modle-enter a:hover .icon-light{background-position:-248px -212px}
.icon-shop{width:31px;height:30px;background-position:-124px -182px}
.modle-enter a:hover .icon-shop{background-position:-124px -212px}
.icon-bbs{width:31px;height:30px;background-position:-186px -182px}
.modle-enter a:hover .icon-bbs{background-position:-186px -212px}
.icon-wechat{width:31px;height:30px;background-position:-217px -182px}
.modle-enter a:hover .icon-wechat{background-position:-217px -212px}
.icon-t{width:31px;height:30px;background-position:-248px -182px}
.modle-enter a:hover .icon-t{background-position:-248px -212px}
.icon-service{width:31px;height:30px;background-position:-62px -182px}
.modle-enter a:hover .icon-service{background-position:-62px -212px}
.icon-radio{width:31px;height:30px;background-position:-279px -182px}
.modle-enter a:hover .icon-radio{background-position:-279px -212px}
.icon-draw{width:31px;height:30px;background-position:-310px -182px}
.modle-enter a:hover .icon-draw{background-position:-310px -212px}
.icon-happy{width:31px;height:30px;background-position:-341px -182px}
.modle-enter a:hover .icon-happy{background-position:-341px -212px}
.icon-develop{width:31px;height:37px;background-position:0px 0px}
.modle-enter a:hover .icon-develop{background-position:-33px 0px}

.icon-jifen{background: url("//game.gtimg.cn/images/dnf/web201905/icon-jifen.png") no-repeat 0 0; width:29px;height:30px;background-position:-30px 0}
.modle-enter a:hover .icon-jifen{background-position:0 0}

.modle-enter .img{position: absolute;z-index: 9999;width: 200px;left: -65px;bottom: 30px}
.modle-enter .img img{display: block;width: 200px;}
.message-list{position: absolute;left: 245px;top: 502px;width: 282px;background-color: #fff;border: 1px solid #e8e8e8;z-index: 5;display: none;}
.tipClose{color: #8b9298;font-size: 16px;font-weight: bold;position: absolute;right: 5px;top: 5px;}
.head-chapter{width:1100px;height:242px;position:absolute;left:50%;top:110px;margin-left: -550px;}
.head-chapter a{display:block;height:100%;overflow:hidden;text-indent:-999em;}
.rsimg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rstx{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    clear: both;
    padding: 26px 0 17px 0;justify-content: center;display: flex;
}
.rstx1{
    float: left;
    width: 81%;
    position: relative;
    top: -3px;
}
.rstx2{
    float: left;
    width: 25%;
    text-align: center;
    color: #aeaeae;
    font-size: 14px;
    line-height: 24px;
}
.rsqdh2{
    background: url(/images/tit1.png) no-repeat center;height: 198px;margin: 0 auto;text-indent: -99999px;display: block;
}
.rsqdli{
    display: inline-block;width: 220px;height: 249px;background: url(/images/qd-bg.png) no-repeat;position: relative;vertical-align: top;margin: 0px 19px 0px;
}
.rsqdlidiv{
    width: 48px;height: 48px;margin: 73px auto 0;position: relative;
}
.rsdivimg{
    display: block;width: 30px;height: 30px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;
}
.rsqdvh{
    font-size: 18px;color: #242f4d;text-align: center;line-height: 18px;margin-top: 5px;
}
.rsqdbut{
    font-size: 15px;color: #ffffff;text-align: center;margin-top: 5px;padding: 0px 10px;border-radius: 90px;
}